<!--
 * @Author: xiawei 1243162387@qq.com
 * @Date: 2024-04-21 15:22:18
 * @LastEditors: xiawei 1243162387@qq.com
 * @LastEditTime: 2024-04-21 15:31:48
-->
<template>
    <VcTable ref="CustomTableRef" :columns="columns" :loading="loading" :data="tableData">
    </VcTable>
</template>
  
<script lang="ts" setup>
import { getTableList } from '@/api/index'
import useTable from '@/hooks/useTable'
const columns = [
    {
        'prop': 'startDate',
        'label': '开始时间'
    },
    {
        'prop': 'endDate',
        'label': '结束时间',
    },
    {
        'prop': 'userInfo',
        'label': '个人信息',
        children: [
            {
                'prop': 'name',
                'label': '姓名',
            },
            {
                'label': '国家',
                'prop': 'city',
            },
            {
                'label': '城市',
                'prop': 'state',
            },
            {
                'label': '地址',
                'prop': 'address',
            },
            {
                'label': 'zip',
                'prop': 'zip',
            }
        ]
    }
]
const {
    tableData,
    loading,
} = useTable({ tableApi: getTableList });
</script>